<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>INSSSEP</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.css">
       <link rel="stylesheet" href="css/style.css">
       
       <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    </head>
    
    <body>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">INSSSEP</a>
        </div>
    
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
   <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Institucional</a></li>
            <li><a href="#">Servicios</a></li>
            <li><a href="#">INSSSEP Informa</a></li>
            <li><a href="#">INSSSEP Responde</a></li>
            <li><a href="#">Multimedia</a></li>
           <li><a href="#">Contacto</a></li>
                      <li class="intro"><a href="#">Acceso a Intranet</a></li>
           
       </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
       

<header>
<div class="container">
<div class="row">
<div class="col-md-6"><div class="logo"><a href="index.html"><img src="img/logo.png"></a></div></div>
<div class="col-md-6">
<div class="der">
(362) 4414400
<div class="social">
<img src="img/facebook.png" alt="" /><img src="img/twitter.png" alt="" /><img src="img/youtube.png" alt="" />

</div></div>
</div>
</div>

</div></header><div class="container">
<div class="row">
<div class="col-md-12"><div class="azul">
<ul class="nav nav-pills">
  <li><a href="#">Institucional</a></li>
  <li><a href="#">Servicios</a></li>
  <li><a href="#">Contacto</a></li>
</ul>
</div></div>
</div></div>

<div class="container">
<div class="row"><div class="col-md-12">
<div class="destaca">Plan Materno Infantil</div><div class="linea"></div>

</div>
</div>
</div>

<div class="space"></div>
<div class="container">
<div class="row">
<div class="col-md-2 col-sm-2">
<ul class="nav nav-tabs" role="tablist">
  <li class="active"><a href="#requisitos" role="tab" data-toggle="tab">Requisitos</a></li>
  <li><a href="#beneficios" role="tab" data-toggle="tab">Beneficios</a></li>
  <li><a href="#prosedimiento" role="tab" data-toggle="tab">Prosedimiento</a></li>
  <li><a href="#observaciones" role="tab" data-toggle="tab">Observaciones</a></li>
</ul>

</div>
<div class="col-md-6 col-sm-6">
<div class="tab-content">
  <div class="tab-pane active" id="requisitos">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, accumsan eu, blandit sed, blandit a, eros.
  <br><br>
  Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio.
  
  </div>
  <div class="tab-pane" id="beneficios">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc ullamcorper orci, fermentum bibendum enim nibh eget ipsum.</div>
  <div class="tab-pane" id="prosedimiento"> Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio.
  </div>
  <div class="tab-pane" id="observaciones">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum.</div>
</div>
</div>
<div class="col-md-4 col-sm-4"><div class="sim"><strong>¿Donde realizar este tramite?</strong>En la sede central del INSSSEP, Av. 9 de Julio 347 Resitencia o en cualquier sucursal del interior de la provincia.</div></div>
</div><div class="linea"></div>

  <button type="button" class="btn btn-default">Volver</button>

</div><div class="linea"></div>

<div class="container">
<div class="row">
<div class="col-md-12">
<ul class="nav nav-pills">
  <li><a href="index.html">Inicio</a></li>
  <li><a href="#">Institucional</a></li>
  <li><a href="#">Servicios</a></li>
  <li><a href="#">INSSSEP Informa</a></li><li><a href="#">INSSSEP Responde</a></li><li><a href="#">Multimedia</a></li><li><a href="#">Contacto</a></li>
</ul>
</div>
</div></div>
<div class="linea"></div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-6"><div class="logo-pie"><img src="img/logo.png"><span class="pie"><strong>Sede Central</strong>: Av. 9 de Julio 327 - Resistencia
<br>
<strong>Farmacia</strong>:
Av. 25 de Mayo 705 - Resistencia</span></div></div>
<div class="col-md-6"><div class="logo-chaco"><img src="img/chaco.png"></div></div>
</div>

</footer>



        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>

        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/carousel.js"></script>
        <script src="js/collapse.js"></script>
        <script src="js/dropdown.js"></script>
        <script src="js/modal.js"></script>
        <script src="js/vendor/bootstrap.js"></script>
       <script>$('.dropdown-toggle').dropdown()</script>

        <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
        <script>
            (function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
            function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
            e=o.createElement(i);r=o.getElementsByTagName(i)[0];
            e.src='//www.google-analytics.com/analytics.js';
            r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
            ga('create','UA-XXXXX-X');ga('send','pageview');
        </script>
    </body>
</html>
